

/* 第二部分*/
#nav{
    width: 10rem /* 375/37.5 */;
    img{
        width: 3.73rem /* 140/37.5 */;
        height: 3.73rem /* 140/37.5 */;
        vertical-align: middle;
        margin: 0 auto;
    }   
    .info{
        width: 10rem /* 375/37.5 */;
        margin-bottom: .27rem /* 10/37.5 */;
        display: flex;
        flex-wrap:wrap;    
        justify-content:space-between;

        li{
            width: 5rem /* 187.5/37.5 */;
            height: 8.13rem /* 305/37.5 */;
           border: 1px solid #ccc;

           padding: {
               top: 1.33rem /* 50/37.5 */;
               left: .21rem /* 8/37.5 */;
            //    right: .21rem /* 8/37.5 */;
               bottom: .27rem /* 10/37.5 */;    
           }

           a{
            display: block;

            .image{
                text-align: center;
                height: 3.73rem /* 140/37.5 */;
            }

            .title{
                font-size: .43rem /* 16/37.5 */;
                color: black;
                margin: .13rem /* 5/37.5 */ 0;
            }
            .price{
                color: #ff9000;
                margin-bottom: .27rem /* 10/37.5 */;
            }

            .from{
                font-size: .35rem /* 13/37.5 */;
                color: #9d9d9d;
                margin-bottom: .27rem /* 10/37.5 */;
            }
        }
        }
    }
}

// /*底部*/
// #footer{
  
//     .footerBottom{
//         .footerBottomT{
//             display: flex;
//             justify-content: space-between;
//             a{
//                 border: 1px solid grey;
//                 text-align: center;
//                 height: .88rem /* 33/37.5 */;
//                 font: .37rem /* 14/37.5 *// .8rem /* 30/37.5 */ "";
//                 color: grey;
//                 padding: .13rem /* 5/37.5 */;
//             }
//             >a:nth-of-type(1){
//                 flex-grow: 1;
//                 border-right: none;
//             }
//             >a:nth-of-type(2){
//                 flex-grow: 1;
//             }
//             >a:nth-of-type(3){
//                 flex-grow: 1;
//                 border-left: none;
//             }
//         }
//         .footerBottomB{
//             height: 2.67rem /* 100/37.5 */;
//             .footerBottomB-1{
//                 display: flex;
//                 font: .37rem /* 14/37.5 *// .8rem /* 30/37.5 */ "";
//                 color: grey;
//                 padding: .27rem /* 10/37.5 */ 1.33rem /* 50/37.5 */;
//                 a{
//                     color: grey;  
//                     margin-right: .13rem /* 5/37.5 */;
//                 }
//             }
//             .footerBottomB-2{
//                 text-align: center;
//                 font: .37rem /* 14/37.5 *// .37rem /* 14/37.5 */ "";
//                 color: black;
//             }
//         }   
//     }
// }